var ceng3bigimg = document.getElementsByClassName('ceng3bigimg');
var pppp = document.getElementsByClassName('pppp');
var dddd = document.getElementsByClassName('dddd');

pppp[0].onclick = function () {
    ceng3bigimg[0].className = 'ceng3bigimg b';
    ceng3bigimg[1].className = 'ceng3bigimg s';
    ceng3bigimg[2].className = 'ceng3bigimg s';
    pppp[0].style.backgroundColor = '#f1f1f1';
    pppp[1].style.backgroundColor = '#5f5750';
    pppp[2].style.backgroundColor = '#5f5750';
}
pppp[1].onclick = function () {
    ceng3bigimg[0].className = 'ceng3bigimg s';
    ceng3bigimg[1].className = 'ceng3bigimg b';
    ceng3bigimg[2].className = 'ceng3bigimg s';
    pppp[0].style.backgroundColor = '#5f5750';
    pppp[1].style.backgroundColor = '#f1f1f1';
    pppp[2].style.backgroundColor = '#5f5750';
}
pppp[2].onclick = function () {
    ceng3bigimg[0].className = 'ceng3bigimg s';
    ceng3bigimg[1].className = 'ceng3bigimg s';
    ceng3bigimg[2].className = 'ceng3bigimg b';
    pppp[0].style.backgroundColor = '#5f5750';
    pppp[1].style.backgroundColor = '#5f5750';
    pppp[2].style.backgroundColor = '#f1f1f1';
}

dddd[0].onclick = function () {
    if (ceng3bigimg[0].className == 'ceng3bigimg b') {
        ceng3bigimg[0].className = 'ceng3bigimg s';
        ceng3bigimg[1].className = 'ceng3bigimg s';
        ceng3bigimg[2].className = 'ceng3bigimg b';
        pppp[0].style.backgroundColor = '#5f5750';
        pppp[1].style.backgroundColor = '#5f5750';
        pppp[2].style.backgroundColor = '#f1f1f1';
    } else if (ceng3bigimg[1].className == 'ceng3bigimg b') {
        ceng3bigimg[0].className = 'ceng3bigimg b';
        ceng3bigimg[1].className = 'ceng3bigimg s';
        ceng3bigimg[2].className = 'ceng3bigimg s';
        pppp[0].style.backgroundColor = '#f1f1f1';
        pppp[1].style.backgroundColor = '#5f5750';
        pppp[2].style.backgroundColor = '#5f5750';
    } else {
        ceng3bigimg[0].className = 'ceng3bigimg s';
        ceng3bigimg[1].className = 'ceng3bigimg b';
        ceng3bigimg[2].className = 'ceng3bigimg s';
        pppp[0].style.backgroundColor = '#5f5750';
        pppp[1].style.backgroundColor = '#f1f1f1';
        pppp[2].style.backgroundColor = '#5f5750';
    }
}

dddd[1].onclick = function () {
    if (ceng3bigimg[0].className == 'ceng3bigimg b') {
        ceng3bigimg[0].className = 'ceng3bigimg s';
        ceng3bigimg[1].className = 'ceng3bigimg b';
        ceng3bigimg[2].className = 'ceng3bigimg s';
        pppp[0].style.backgroundColor = '#5f5750';
        pppp[1].style.backgroundColor = '#f1f1f1';
        pppp[2].style.backgroundColor = '#5f5750';
    } else if (ceng3bigimg[1].className == 'ceng3bigimg b') {
        ceng3bigimg[0].className = 'ceng3bigimg s';
        ceng3bigimg[1].className = 'ceng3bigimg s';
        ceng3bigimg[2].className = 'ceng3bigimg b';
        pppp[0].style.backgroundColor = '#5f5750';
        pppp[1].style.backgroundColor = '#5f5750';
        pppp[2].style.backgroundColor = '#f1f1f1';
    } else {
        ceng3bigimg[0].className = 'ceng3bigimg b';
        ceng3bigimg[1].className = 'ceng3bigimg s';
        ceng3bigimg[2].className = 'ceng3bigimg s';
        pppp[0].style.backgroundColor = '#f1f1f1';
        pppp[1].style.backgroundColor = '#5f5750';
        pppp[2].style.backgroundColor = '#5f5750';
    }
}
setTimeout(function () {
    pppp[0].onclick();
    setTimeout(function () {
        pppp[1].onclick();
        setTimeout(function () {
            pppp[2].onclick();
        }, 5000)
    }, 5000)
}, 0)
setInterval(function () {
    pppp[0].onclick();
    setTimeout(function () {
        pppp[1].onclick();
        setTimeout(function () {
            pppp[2].onclick();
        }, 5000)
    }, 5000)
}, 15000)
